﻿@page "/docs/components/color"

<DocsPageTitle>
    Color component
</DocsPageTitle>

<DocsPageParagraph>
    Native color picker allows you to select different colors.
</DocsPageParagraph>

<DocsPageSection>
    <DocsPageSectionHeader Title="Basic Example">
        Click the red area to activate the color picker. This is the basic variation of it.
    </DocsPageSectionHeader>
    <DocsPageSectionContent Outlined FullWidth>
        <BasicColorExample />
    </DocsPageSectionContent>
    <DocsPageSectionSource Code="BasicColorExample" />
</DocsPageSection>

<DocsPageSubtitle>
    Attributes
</DocsPageSubtitle>

<DocsAttributes>
    <DocsAttributesItem Name="Color" Type="string" Default="null">
        Gets or sets the input color value in hex format.
    </DocsAttributesItem>
    <DocsAttributesItem Name="ColorChanged" Type="EventCallback<string>">
        Occurs when the color has changed.
    </DocsAttributesItem>
</DocsAttributes>